<template>
  <!-- 统一页面布局 -->
  <div class="page-card-container" :style="pageCardHeight && pageCardHeight > 0? `height:${pageCardHeight}px` : ''">
    <el-card shadow="never" class="page-el-card">
      <slot></slot>
    </el-card>
  </div>
</template>
<script>
export default {
  name: 'PageCard',
  props: {
    height: {
      type: Number,
      default: ()=> 0
    }
  },
  computed: {
    pageCardHeight: {
      get() {
        return this.height
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.page-card-container {
  padding: 2px;
  margin: auto;
  height: 100%;
  overflow: hidden;
  display: flex;

  .page-el-card {
    height: 100%;
    width: calc(100vw - 0px);
  }
}
</style>